<template>
  <div id="detail">
    <el-row style="margin: 30px">
      <el-col :span="6" style="text-align: center"> <el-image :src="url" fit="fit"></el-image></el-col>
      <el-col :span="16">
        <el-row
          style="
            font-size: 28px;
            font-family: fangsong;
            font-weight: bolder;
            margin: 5px;
          "
          >{{ bookName }}</el-row
        >
        <el-row style="font-size: 15px; margin: 10px 15px; color: grey"
          >{{ author }}·{{ wordCount }}·{{ state }}</el-row
        >
        <el-row style="margin: 5px 15px">
          <el-tag
            v-for="(item, index) in tag"
            :key="index"
            size="mini"
            effect="plain"
            style="margin-right: 15px"
            >{{ item }}</el-tag
          >
        </el-row>

        <el-row style="font-size: 13px; color: grey; margin-left: 15px">{{
          copy
        }}</el-row>
      </el-col>
    </el-row>
    <el-divider></el-divider>
    <el-row style="margin: 30px">
      <el-row
        style="
          font-size: 30px;
          font-weight: bolder;
          color: #f56c6c;
          padding-left: 50px;
        "
        >目录({{ catalog }}章)</el-row
      >
    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      input: "",
      select: "",
      // url: require("../../assets/三国志.png"),
      bookName: "《三国志》",
      author: "张起灵",
      wordCount: "238万字",
      state: "连载中",
      tag: ["恐怖", "爱情", "重生"],
      catalog: 12415,
      copy: "故事起源於1952年，主角吴邪的祖父吴老狗在长沙的血屍墓里发现战国帛书，而引发後来吴邪从帛书解谜途中的一段段冒险。五十年後，吴邪一个看似单纯的吴家富二代，大学毕业後便经营著古董店，日子过一天是一天，殊不知其身世冒险之离奇，因为发现先人笔记中一个秘密就此展开。抱著好奇和一颗想见世面的心，他硬是跟上他三叔及一群盗墓高手的鲁王宫之旅，欲解开帛书之谜。在这个过程中他遇见了闷油瓶和胖子。在途中，很多他一辈子都没见过的东西，或是连想都没想过的东西，一个接著一个出现。遭遇的每件事，越来越离奇。就在他发现自己的生活满是谜题，并欲寻求解答时，唯一的线索──「三叔」却消失了。不甘放弃的吴邪，决定追根究柢，也决定今後不凡但却不为人知的冒险旅程",
    };
  },
  components: {},
  methods: {
    jump() {
      this.$router.push({ path: "/list" });
    },
  },
};
</script>
<style src="../../style/index.css">
</style>
